﻿$(document).ready(main);

function main() {
    loadLista();

    $("#test").click(detalles);

}


function loadLista() {
    var string = window.location.href;
    var getit = new Array();
    getit = string.split("%");
    var enviar = {
        tipo1: "false",
        tipo2: "false",
        tipo3: "false",
        tipo4: "true",
        distrito: "0",
        precio1: "",
        precio2: ""
    }
    console.log(enviar);

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "buscarVivienda",
        success: llegadaLista
    });
}


function llegadaLista(data) {
    console.log(data);
    console.log(data);
    console.log(data);
    var escritor = "";
    escritor += "<ul id=\"itemContainer\">";
    var lista = data.listaPropiedades;
    if (lista.length > 0) {
        $.each(lista, function (i, item) {
            escritor += "<li>";
            escritor += "<dl><dt><a href=\"Detalles?" + item.id_propiedad + "\" id=\"test\"><img src=\"" + item.url + "\"alt=\"Imagen\" width=\"120\" height=\"120\" </a><strong>" + item.precio_base + "</strong><a href=\"Detalles?" + item.id_propiedad + "\" id=\"test\">" + item.direccion + "</a></dt>";
            escritor += "<dd><p>" + item.descripcion + "</p></dd></dl>";
            escritor += "</li>";
        });
        $("#catlist").html(escritor);
        /* when document is ready */
        $(function () {
            /* initiate plugin */
            $("div.holder").jPages({
                containerID: "itemContainer",
                perPage: 5
            });
            /* on select change */
            $("select").change(function () {
                /* get new nº of items per page */
                var newPerPage = parseInt($(this).val());
                /* destroy jPages and initiate plugin again */
                $("div.holder").jPages("destroy").jPages({
                    containerID: "itemContainer",
                    perPage: newPerPage
                });
            });
        });



        //                <ul id="itemContainer">
        //    <li><img src="img/img (1).jpg" alt="image"></li>
        //    <li><img src="img/img (2).jpg" alt="image"></li>
        //    <li><img src="img/img (3).jpg" alt="image"></li>
        //     ...
        //</ul>



    } else {
        escritor += "<h3> No se ha encontrado ningun resultado.</h3>";
        $("#catlist").html(escritor);
    }
}



function detalles() {

    window.open("Detalles");

}